<!--
    A Klondike board
-->
<link rel="import" href="gameboard-element.html">
<element name="klondike-app" constructor="KlondikeApp">
  <template>
<style>
    @host {
        klondike-app {
            display:block;
            margin:0;
        }
    }
  #gameboard {
    width:100%;
    height:100%;
    background-color: #3a3;
    padding:100px;
  }
 #gameboard::x-hand::x-card {
    width:72px;
    height:100px;
    font-size:8px;
    display:block;
  }
  * ::x-contents {
    border:1px solid gray;
    border-radius:3%;
  }

</style>
    <gameboard-element id="gameboard"></gameboard-element>
  </template>
  <script>Polymer.register(this);</script>
</element>
